<script>
    export default {
		data() {
			return {
				testDataKey: "testDataKey"
			}
		},
        onLaunch: function () {
            //console.log('App Launch');
        },
        onShow: function () {
            //console.log('App Show');
        },
        onHide: function () {
            //console.log('App Hide');
        }
    }
</script>

<style>
    /*每个页面公共css */
    /* uni-app默认全局使用flex布局。因为flex布局有利于跨更多平台，尤其是采用原生渲染的平台。如不了解flex布局，请参考http://www.w3.org/TR/css3-flexbox/。如不使用flex布局，请删除或注释掉本行。*/
	/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
	@import "./common/uni.css";
	
	/* 以下样式用于 hello uni-app 演示所需 */
	page {
		background-color:#F4F5F6;
		height: 100%;
		font-size:28upx;
		line-height: 1.8;
	}
	.uni-header-logo{
		padding:30upx;
		text-align:center;
		margin-top:10upx;
	}
	.uni-header-logo image{
		width: 140upx;
		height: 140upx;
	}
	.uni-hello-text{
		color:#7A7E83;
	}
	.uni-hello-addfile{
		text-align:center; 
		line-height:300upx;
		background:#FFF;
		padding:50upx;
		margin-top:10px;
		font-size:38upx;
		color:#808080;
	}
	
    page {
        min-height: 100%;
        display: flex;
    }
    .content {
        display: flex;
        flex: 1;
        flex-direction: column;
        background-color: #efeff4;
        padding: 20px;
    }
    .input-group {
        background-color: #ffffff;
        margin-top: 40px;
        position: relative;
    }
    .input-group::before {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #c8c7cc;
    }
    .input-group::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #c8c7cc;
    }
    .input-row {
        display: flex;
        flex-direction: row;
        position: relative;
    }
    .input-row .title {
        width: 20%;
        height: 50px;
        min-height: 50px;
        padding: 15px 0;
        padding-left: 30px;
        line-height: 50px;
    }
    .input-row input {
        width: 80%;
        height: 50px;
        min-height: 50px;
        padding: 15px 0;
        padding-right: 30px;
        line-height: 50px;
    }
    .input-row.border::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 15px;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #c8c7cc;
    }
    .btn-row {
        margin-top: 50px;
        padding: 20px;
    }
    button.primary {
        background-color: #0faeff;
    }
</style>
